<!--Cuando agrega, no se actualiza-->
<?php
    echo $this->Html->script('monedas.js');
    echo $this->Html->css('estilo_monedas.css');
    $todos = $datos['todos']; 
?>  
<div class="container">
    <div class="contenedor-tabla">
        <h3 class="titulo-form">CATALOGO MONEDA DE PAGO</h3>
        <button class="btn btn-success agregar-modal" type="button" data-toggle="modal">
        Agregar Moneda
        </button>
        <div class="tres-botones">
            <div id="seleccion">Seleccione un registro</div>
<!--            <button class="btn btn-small btn-inverse detalles-modal" disabled="disabled">
                Detalles
            </button>-->
            <button class="btn btn-small btn-primary modificar-modal" disabled="disabled">
                Modificar
            </button>
            <button class="btn btn-small btn-danger eliminar-modal" disabled="disabled">
                Eliminar
            </button>
        </div>
        <table class="table table-striped " id="tabla-principal">
            <thead>
                <tr>
                    <th class="header-id">Id</th>
                    <th class="header-nom">Moneda</th>
                    <th class="header-tipo-cambio">Tipo de Cambio</th>
                    <th class="header-plural">Plural</th>
                    <th class="header-abreviatura">Abreviatura</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($todos as $t) { ?>
                    <tr>
                        <td class="id-tabla"><?php echo $t['id']; ?></td>
                        <td class="nombre-tabla"><?php echo $t['nombre']; ?></td>
                        <td class="tipo-cambio-tabla"><?php echo $t['tipo_cambio']?></td>
                        <td class="plural-tabla"><?php echo $t['plural']?></td>
                        <td class="abreviatura-tabla"><?php echo $t['abreviatura']?></td>
                    </tr>
                <?php } ?>
            </tbody>
            <tfoot>
                <tr>
                    <th></th>
                    <th>Todos</th><th>Todos</th><th></th><th></th>
                </tr>
            </tfoot>
        </table> 
        
    <!--</div>-->
    
</div>

 <div id="dlg-modal" class="dialogo-modal">
        <h3 class="titulo-modal"></h3>
        <div id='contenido'></div>
 </div>
<div id="contenido-forma">
    <form id="forma-modal">
         <div class="control-group">
                <label class="control-label" for="dlg-id">Clave Id:</label>
                <input class="control-forma" id="dlg-id" type="text" name="id" readonly="true"> 
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-nombre">Moneda:</label>
                <input class="control-forma" id="dlg-nombre" type="text" name="nombre"> 
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-cambio">Tipo de cambio:</label>
                <input class="control-forma" id="dlg-cambio" type="text" name="cambio">                 
         </div>       
         <div class="control-group">
                <label class="control-label" for="dlg-genero">Genero:</label>                 
                <label class="control-label2" for="dlg-genero">Masculino:</label> 
                <input id="dlg-gmas" class="control-forma" type="radio" value="masculino" name="genero">
                <label class="control-label2" for="dlg-genero"></label> 
                <label class="control-label2" for="dlg-genero">Femenino:</label> 
                <input id="dlg-gfem" class="control-forma" type="radio" value="femenino" name="genero">
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-plural">Plural:</label>
                <input class="control-forma" id="dlg-plural" type="text" name="plural"> 
         </div>
         <div class="control-group">
                <label class="control-label" for="dlg-abreviatura">Abreviatura:</label>
                <input class="control-forma" id="dlg-abreviatura" type="text" name="abreviatura"> 
         </div>
        <div class="control-group botones-modal">
                <div class="btn btn-success aceptar-modal validar-cliente"></div>
                <div class="btn btn-danger cancelar-modal"></div>
        </div>
    </form>
    <div id="confirmar-cambios-modal">
        <div id="borde-int-confirmar">
        </div>
    </div>
</div>
<script type="text/javascript">
    var rutaModificar = "<?php echo $this->Html->Url(array('controller' => 'Monedas', 'action' => 'modificarMoneda')); ?>";
    var rutaEliminar = "<?php echo $this->Html->Url(array('controller' => 'Monedas', 'action' => 'eliminarMoneda')); ?>";
    var rutaAgregar = "<?php echo $this->Html->Url(array('controller' => 'Monedas', 'action' => 'agregarMoneda')); ?>"; 
    var todos = <?php echo json_encode($todos); ?>; 
    var dialogo = $(document).find('#dialogo-modal');
    var id, arreglo, itabla;
    var activo = 0;
</script>